@charset "UTF-8";
body, html{width: 100%;font-family: "Microsoft Yahei", "Microsoft Yahei"!important; min-width: 320px;  max-width: 1920px; margin: 0 auto; height: auto;  background-color: #FFFFFF; }
*{ font-size: 14px;font-family: "Microsoft Yahei", "Microsoft Yahei"!important;  margin: 0;  padding: 0; list-style: none;}

@media screen and (min-width: 1000px) and (max-width:1920px){
input:focus{ outline:none ; }
button{cursor: pointer;}
button:focus{ border: 0px;}
.clear{ clear: both;}
.container{width: 1400px; margin: 0 auto;}
.banner{ width: 100%;min-width: 1400px;  height: 660px;}
/*.banner{ width: 100%; position: relative; height: 600px; background: url(resources/berryimages/banner.png)top center no-repeat;background-size: 1920px 600px;}*/
.headercon{ width: 100%; height: 82px;}
.header{width: 1400px;position: relative; height: 80px;line-height: 80px; color: #1c1c1c; margin: 0 auto;}
.logoImg{position: absolute; left: 0px; display:inline-block; height: 80px; line-height: 80px;}
.logoImg img{ height:48px; margin-top:16px;}
.headerList{width: 880px; margin-left:280px;height: 80px; line-height: 80px;}
.headerList .navList{ margin-bottom: 0px;}
.headerList .navList .navListLi{float: left; display: block; padding: 0px 20px; cursor: pointer; }
.headerList .navList .navListLi:hover{border-bottom: 2px solid #fbae40;}
.headerList .navList .navListLi:hover a{text-decoration: none;}
.headerList .navList .navListLi:last-child:hover { background-color: #FFFFFF; color: #1c1c1c;}
.headerList .navList .navListLi a{ color: #1c1c1c;}
.headerList .navList .navListLi:last-child:hover a{ color: #1c1c1c;}
.headerList .navList .active{border-bottom: 2px solid #fbae40; }
.headerList .navList .active a{color: #1c1c1c;}
.headerList .navList .navListLi:last-child() a{ color: #1c1c1c; padding-top: -5px;}


.headercon2{ width: 100%; height: 80px; display: none; background-color: #f7f7f9; padding-top: 5px;position: absolute;    top: 82px;    z-index: 9999;}
.header{width: 1400px;position: relative; height: 80px;line-height: 80px; color: #1c1c1c; margin: 0 auto;}
.logoImg{position: absolute; left: 0px; display:inline-block; height: 80px; line-height: 80px;}
.headerList2{width: 880px; margin-left:280px;height: 80px; line-height: 80px;}
.headerList2 .navList2{ margin-bottom: 0px;}
.headerList2 .navList2 .navListLi2 a{color: #1c1c1c;padding: 10px;  border-radius: 5px;}
.headerList2 .navList2 .navListLi2{float: left; display: block; padding: 0px 20px; cursor: pointer; }
.headerList2 .navList2 .navListLi2:hover a{text-decoration: none;background-color: #fbae40; padding: 10px; height: 30px; color: #FFFFFF;}
.headerList2 .navList2 .active a{background-color: #fbae40; height: 30px;  color: #FFFFFF;padding: 10px; }
.headerList2 .navList2 .navListLi2:last-child:hover a{ color: #FFFFFF;}
.headerList2 .navList2 .navListLi2:last-child a{ color: #1c1c1c; padding-top: -5px;}.navIcon{display: none;}
.headerIphone{color: #fbae40;}
.headerIphone img{margin-right: 7px; vertical-align: middle; margin-top: -5px;}
.bannernbtn2, .bannernbtn1{ width: 176px; font-size: 18px; line-height: 54px; color: #FFFFFF; border: 0px; height: 54px; display: inline-block; cursor: pointer; margin-top: 20px;}
.bannernbtn1{background: url(resources/berryimages/bannerBtn1.png)top center no-repeat;background-size: 100% 100%;}
.bannernbtn2{background: url(resources/berryimages/bannerBtn2.png)top center no-repeat;background-size: 100% 100%;}
.bannerImg h1{color: #FFFFFF;font-size: 42px;text-shadow: 2px 2px 2px #333;    font-weight: 700;}
.bannerImg h1 span{color: #fccb3d; font-size: 42px;}
.bannerImg .pTit{ color: #FFFFFF;text-shadow: 2px 2px 2px #333; margin: 0 auto;}
.bannerImg .pTit2{ color: #fccb3d;text-shadow: 2px 2px 2px #333; margin-top: 20px;  font-size: 32px;font-weight: 600;}
.bannerImg .pTit2 span{color: #FFFFFF; font-size: 32px; font-weight: 600; margin: 0px 10px;}
.fontSelect{position: absolute; right: 0px; color: #1C1C1C; top: 0px;}
.fontSelect span{ display: inline-block;   width: 0;   height: 7px;    line-height: 0;    border: 5px solid transparent;    border-top-color: #000;    border-bottom-width: 0;}



/*right-------------------------------------*/
.btn-right{width: 65px; height: 280px; position: fixed; right:20px;  top: 50%; margin-top: -140px; z-index: 999999; }
.btn-right ul{ margin-top: 0;}
.btn-right ul li{width: 65px; cursor: pointer; height: 62px; border-radius: 5px; background: #3a3d47; line-height: 60px; text-align: center; margin: 0 auto; margin-top: 8px; position: relative;}
.btn-right ul li:hover{ background-color: #3a3a3a;}
.btn-right ul li:nth-child(1){ border-top: 0px;}
.right-con{display: none;}
.right-iphone{width: 225px; height: 61px; line-height: 61px; background-color: #3a3a3a; margin-left: -225px; font-size: 32px; color: #FFFFFF; margin-top: -60px;}
.right-code{width: 100%;  height: auto; line-height: 177px; background-color: #3a3a3a; margin-left: -200px;  margin-top: -60px;}
.btn-right ul .topBtn{ line-height: 24px; color: #FFFFFF; padding-top: 15px;}


.footer{ width: 100%;position: relative; background-color: #24272e; height: 550px; padding-top: 60px;}
.footertitList{width: 1400px; margin: 0 auto;}
.footertitList li{width: 18%;  float: left; border-top: 1px solid #434549; margin-left: 2.5%;}
.footertitList li:nth-child(1){ margin-left: 0px;}
.footertitList p{ color: #a8a8a8; height: 40px; line-height: 40px; margin-bottom: 0px;}
.footertitList a{display: block; line-height: 28px; color: #7d7d7d;}
.footertitList .liIphone{ width:  59%; border-top:0px; height: 30px; margin-left: 0px;}

.pIphone{margin-top: 10px;}
.pIphone i{font-size: 28px; color: #f7a32d;}
.liIphone input{border: 1px solid #7d7d7d; padding-left: 10px; margin-right: 10px; color: #7d7d7d; background-color: #24272e; height: 32px; line-height: 30px;}
.btnInfo{background: #f7a32d; width: 100px; color: #FFFFFF; border: 0px; height: 32px; text-align: center;}

.bottomTxt{ width: 1400px; font-size: 12px; height: 70px; text-align: center; margin: 0 auto; margin-top: 120px;; color: #7d7d7d;}
.footerBottom{ position: absolute; width: 100%; text-align: center; color: #7d7d7d; height: 40px; line-height: 40px; margin: 0 auto; bottom: 0px; background: #000;}
.bottomCon2 .coopeartionListUl{ width: 100%; margin: 0 auto; background-color:#EEEEEE;}
}




@media screen and (min-width: 300px) and (max-width:1000px){
body,html{min-width: 320px; }
input:focus{ outline:none ; }
button{cursor: pointer;}
button:focus{ border: 0px;}
.headercon2{display: none;}
.clear{ clear: both;}
.container{width: 100%; margin: 0 auto;}
.banner{ width: 100%;  height: auto;}
/*.banner{ width: 100%; position: relative; height: 600px; background: url(resources/berryimages/banner.png)top center no-repeat;background-size: 1920px 600px;}*/
.headercon{ width: 100%; height: 80px;}
.header{width: 100%;position: relative; height: 80px;line-height: 80px; color: #1c1c1c; margin: 0 auto;}
.logoImg{position: absolute; left: 0px; display:inline-block; height: 80px; line-height: 80px;}
.headerList{width: 120px; position: absolute; right: 15px; height: auto; line-height: 30px; margin-top: 60px; background: #24272e; z-index: 9999; display: none;}
.headeBg{ width:0;   height:0;   border-width:0 10px 10px;    border-style:solid;    border-color:transparent transparent #333;/*透明 透明  灰*/    position: absolute;  display: none;   top: 55px; right: 22px;}
.headerList .navList{ margin-bottom: 0px; display: block; padding: 0px 10px;}
.headerList .navList .navListLi{ width: 100%; display: block; cursor: pointer; height: 35px; line-height: 35px; border-bottom: 1px solid #7d7d7d;}
.headerList .navList .navListLi:hover a{text-decoration: none;}
.headerList .navList .navListLi:last-child{border-bottom: 0px;}
.headerList .navList .navListLi:last-child:hover { background-color: #FFFFFF; color: #1c1c1c;}
.headerList .navList .navListLi a{ color: #FFFFFF; }
.headerList .navList .navListLi:last-child:hover a{ color: #FFFFFF;}
.headerList .navList .active{border-bottom: 1px solid #7d7d7d; }
.headerList .navList .active a{color: #FFFFFF;}
.headerList .navList .navListLi:last-child() a{ color: #1c1c1c; padding-top: -5px;}
.navIcon{display: block;width: 50px; position: absolute; right: 0px; height: 80px; line-height: 80px;}
.navIcon img{ width: 40px;}


.headerIphone{color: #fbae40;}
.headerIphone img{margin-right: 7px; vertical-align: middle; margin-top: -5px;}
.bannernbtn2, .bannernbtn1{ width: 176px; font-size: 18px; line-height: 54px; color: #FFFFFF; border: 0px; height: 54px; display: inline-block; cursor: pointer; margin-top: 20px;}
.bannernbtn1{background: url(resources/berryimages/bannerBtn1.png)top center no-repeat;background-size: 100% 100%;}
.bannernbtn2{background: url(resources/berryimages/bannerBtn2.png)top center no-repeat;background-size: 100% 100%;}
.bannerImg h1{color: #FFFFFF;font-size: 18px;text-shadow: 2px 2px 2px #333;    font-weight: 700;}
.bannerImg h1 span{color: #fccb3d; font-size: 18px;}
.bannerImg .pTit{ color: #FFFFFF;text-shadow: 2px 2px 2px #333; margin: 0 auto;}
.bannerImg .pTit2{ color: #fccb3d;text-shadow: 2px 2px 2px #333; margin-top: 20px;  font-size: 14px;font-weight: 600;}
.bannerImg .pTit2 span{color: #FFFFFF; font-size: 14px; font-weight: 600; margin: 0px 10px;}
.fontSelect{position: absolute; right: 0px; color: #1C1C1C; top: 0px;  display: none;}
.fontSelect span{ display: inline-block;   width: 0;   height: 7px;    line-height: 0;    border: 5px solid transparent;    border-top-color: #000;    border-bottom-width: 0;}


/*right-------------------------------------*/
.btn-right{width: 65px; height: 280px; position: fixed; right:20px;  top: 50%; margin-top: -140px; z-index: 999999; }
.btn-right ul{ margin-top: 0;}
.btn-right ul li{width: 65px; cursor: pointer; height: 62px; border-radius: 5px; background: #3a3d47; line-height: 60px; text-align: center; margin: 0 auto; margin-top: 8px; position: relative;}
.btn-right ul li:hover{ background-color: #3a3a3a;}
.btn-right ul li:nth-child(1){ border-top: 0px;}
.right-con{display: none;}
.right-iphone{width: 225px; height: 61px; line-height: 61px; background-color: #3a3a3a; margin-left: -225px; font-size: 32px; color: #FFFFFF; margin-top: -60px;}
.right-code{width: 100%;  height: auto; line-height: 177px; background-color: #3a3a3a; margin-left: -200px;  margin-top: -60px;}
.btn-right ul .topBtn{ line-height: 24px; color: #FFFFFF; padding-top: 15px;}



.coopeartionList{width: 100%; height: auto; background-color: #eeeeee; margin: 0 auto; margin-top: 60px;}
.coopeartionList li{width: 50%; float: left; line-height: 110px; text-align: center;}

.footer{ width: 100%;position: relative; background-color: #24272e; height: auto; padding-top: 60px;    padding-bottom: 70px;}
.footertitList{width: 100%; margin: 0 auto;}
.footertitList li{width: 30%;  float: left; border-top: 1px solid #434549; margin-left: 2.5%;}
.footertitList li:nth-child(4){ display: none;}
.footertitList li:nth-child(5){ display: none;}
.footertitList li:nth-child(8){ display: none;}
.footertitList p{ color: #a8a8a8; height: 40px; line-height: 40px; margin-bottom: 0px;}
.footertitList a{display: block; line-height: 28px; color: #7d7d7d;}
.footertitList .liIphone{ width:  80%; border-top:0px; height: auto; margin-left: 10%; text-align: center; }

.pIphone{margin-top: 10px;}
.pIphone i{font-size: 28px; color: #f7a32d;}
.liIphone input{border: 1px solid #7d7d7d; padding-left: 10px; margin-right: 10px; color: #7d7d7d; background-color: #24272e; height: 32px;line-height: 30px;    margin: 10px auto;}
.btnInfo{background: #f7a32d; width: 158px; color: #FFFFFF; border: 0px; height: 32px; text-align: center; display: block; margin: 0 auto; margin-top: 10px;}

.bottomTxt{ width: 94%; font-size: 12px; height: auto;    line-height: 20px; text-align: center; margin: 0 auto; margin-top: 60px; margin-left: 3%; color: #7d7d7d;}
.footerBottom{ position: absolute; width: 100%; text-align: center; color: #7d7d7d; height: auto; line-height: 20px; margin: 0 auto; bottom: 0px; background: #000;    padding: 10px 85px}
.bottomCon2 .coopeartionListUl{ width: 100%; margin: 0 auto; background-color:#EEEEEE;}

.con1Left{display: none;}
.container1 li{width: 50%;}
.container1 ul{width: 100%;}
.btn-right{display: none;}
	
}
			
						